<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">
	
	<!-- Dialogo para nueva acta de entrega -->
	<p:dialog header="Nueva Acta de Entrega de Cargo" id="dialogActaNueva" modal="true" resizable="false" 
			widgetVar="dlgActaEntregaNueva" hideEffect="puff" appendToBody="true" styleClass="panel-azul" width="500" height="300" >
	<h:form id="frmNuevaActa">
	<p:growl  id="msjFrmNuevaActa" showDetail="true"/>
	<h:inputHidden id="hdnDNI"  value="#{actaEntregaMB.actaEntrega.idPersonal.idPersona.nroDocumento}" required="true" requiredMessage="Debe ingresar el personal"/>
	<h:panelGrid columns="2">
	<p:outputLabel value="D.N.I. Colaborador:" for="txtDNI"/>	<h:inputText id="txtDNI" value="#{actaEntregaMB.actaEntrega.idPersonal.idPersona.nroDocumento}" >
	<f:ajax event="blur"  listener="#{actaEntregaMB.cargarDatosPersonal}" render="txtNomCompleto txtUO txtPuesto txtFecIngreso hdnDNI"></f:ajax>
	</h:inputText>
	<h:outputLabel value="Nombres Completos  :" styleClass="etiqueta"/>	<h:inputText id="txtNomCompleto" value="#{actaEntregaMB.actaEntrega.idPersonal.idPersona.nombreCompleto}" disabled="true"  styleClass="etiqueta" style="width:150px"/>
	<h:outputLabel value="Gerencia - Unidad Organica :" styleClass="etiqueta"/>
	<h:inputText id="txtUO" value="#{actaEntregaMB.gerencia}"  disabled="true" styleClass="etiqueta" style="width:250px"/>
	<h:outputLabel value="Puesto :" styleClass="etiqueta"/><h:inputText  id="txtPuesto" value="#{actaEntregaMB.puesto}" disabled="true" styleClass="etiqueta" style="width:250px"/>
	<h:outputLabel value="Ingreso :" styleClass="etiqueta"/><h:inputText id="txtFecIngreso" value="#{actaEntregaMB.fechaIngreso}" disabled="true" styleClass="etiqueta"/>
	<p:outputLabel value="Motivo :" for="cboMotivo"/>
	<h:selectOneMenu id="cboMotivo" value="#{actaEntregaMB.actaEntrega.idMotivo}" required="true" requiredMessage="Debe Ingresar el motivo" >
	<f:selectItem  itemValue="#{null}" itemLabel="- Seleccione -"/>
	<f:selectItems value="#{actaEntregaMB.motivoActaList}" var="item" itemValue="#{item.idMaestra}" itemLabel="#{item.descripcion}"/>
	<f:ajax event="change" render="pnlfecRetorno" partialSubmit="true"></f:ajax>
	</h:selectOneMenu>
	<p:outputLabel value="Fecha Efectividad" for="fecEfectividad" />
	<p:calendar id="fecEfectividad" navigator="true"  showOn="button" value="#{actaEntregaMB.actaEntrega.fechaEfectividad}" pattern="dd-MMM-yyyy" required="true"  requiredMessage="Ingrese la fecha de efectividad" locale="es" />
	</h:panelGrid>
	<h:panelGrid id="pnlfecRetorno" columns="2">
	<p:outputLabel id="lblFecRetorno" value="Fecha Reincorporaci&oacute;n" for="fecRetorno" rendered="#{actaEntregaMB.fechaRetornoRequerido}" style="width:155px;display:block"/>
	<p:calendar id="fecRetorno" navigator="true"  showOn="button" value="#{actaEntregaMB.actaEntrega.fechaReincorp}" pattern="dd-MMM-yyyy" required="true"  requiredMessage="Ingrese la fecha de Reincorporaci&oacute;n" locale="es" rendered="#{actaEntregaMB.fechaRetornoRequerido}"/>
	</h:panelGrid>
	<p:commandButton value="Generar" action="#{actaEntregaMB.registrar}" update="frmNuevaActa" oncomplete="handleRequestDefault(xhr, status, args,dlgActaEntregaNueva);"/>
	</h:form>
	
	</p:dialog>
	<!-- Fin dialogo para nueva acta de entrega  -->
	
	
	 
	
	
	<!--  Inicio Dialogo Mantener Acta de Entrega -->
	<p:dialog header="Acta de Entrega de Cargo" id="dialogActa" modal="true" resizable="false" 
			widgetVar="dlgActaEntrega" hideEffect="puff" appendToBody="true" styleClass="panel-azul" width="750" height="400" >
	
	<p:confirmDialog id="btnConfir"    appendToBody="true"
                header="Confirmacion de Verificaci&oacute;n" severity="alert" widgetVar="confirmationActa">  
      <f:facet name="message">
       Va a realizar una confirmaci&oacute;n de verificacion<br/>
       El sistema lo registrar&aacute; a usted como verficador. Luego 
       No podr&aacute; deshacer los cambios.<br/>
       Desea Continuar?
       </f:facet>
          
        <p:commandButton  id="confirm1" value="Si" oncomplete="confirmationActa.hide();" update=":formActaMantener"
                    action="#{actaEntregaMB.actualizarActa}" />  
        <p:commandButton id="decline1" value="No, cancelar" onclick="confirmationActa.hide();" type="button" />   
               
    </p:confirmDialog>
		
	
	
	
		<h:form id="formActaMantener">
		<p:growl id="msjActaMantener" showDetail="true" autoUpdate="true"/>
		<h:inputHidden id="hndTabSelect" value="#{actaEntregaMB.tabSelected}" />
		<p:tabView styleClass="panel-azul" widgetVar="tabViewActa"  onTabChange="handleTabChange(index)">
		<p:tab id="datosGenerales" title="Datos Generales" titleStyleClass="actaOK">
		<p:panel style="height:250px">
		<p:panelGrid columns="6">
		<h:outputLabel value="Apellido Paterno" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.idPersonal.idPersona.apellidoPaterno}" />
		<h:outputLabel value="Apellido Paterno" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.idPersonal.idPersona.apellidoMaterno}" />
		<h:outputLabel value="Nombres" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.idPersonal.idPersona.nombres}" />
		</p:panelGrid>
		<br/>
		<p:panelGrid columns="2">
		<h:outputLabel value="Gerencia :" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.gerencia}"    style="width:250px"/>
		<h:outputLabel value="Puesto :" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.puesto}"  style="width:250px"/>
		<h:outputLabel value="Fecha ingreso:" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.fechaIngreso}" >
		<f:convertDateTime pattern="dd-MMM-yyyy" />
		</h:outputText>	
		</p:panelGrid>
		<br/>
		<hr/>
		<h:panelGrid columns="2" cellspacing="5">
		<h:outputLabel value="Fecha Efectividad" styleClass="etiqueta"/><h:outputLabel value="#{actaEntregaMB.actaEntregaSelected.fechaEfectividad}" ><f:convertDateTime pattern="dd-MMM-yyyy" /></h:outputLabel>
		<h:outputLabel value="Motivo de Ausencia" styleClass="etiqueta"/> <h:outputLabel value="#{actaEntregaMB.actaEntregaSelected.motivo.descripcion}" />
		</h:panelGrid>
		</p:panel>
		</p:tab>
		<p:tab id="vbTI" title="V.B Depto. Informatica" titleStyleClass="#{actaEntregaMB.actaEntregaSelected.tiOk?'actaOK':'actaPend'} " >
		<p:panel style="height:250px">
		<h:panelGrid>
		<f:facet name="header">Verificaci&oacute;n Departamento T.I</f:facet>
		<h:outputText value="V°B° del Departamento de Tecnolog&iacute;as de la Informaci&oacute;n: 
		Otorga visto bueno una vez que adopte las acciones de su competencia en cuanto a 
		desactivaci&oacute;n de claves de acceso telef&oacute;nico y de los aplicativos inform&aacute;ticos 
		asignados al trabajador en la unidad org&aacute;nica de origen" />
		<br/>
		<h:outputLabel value="Observaciones:" />
		<h:inputTextarea value="#{actaEntregaMB.actaEntregaSelected.obsTi}" cols="100" rows="4" style="width:580px" disabled="#{actaEntregaMB.actaEntregaSelected.tiOk}"/>
		<h:panelGrid columns="2" width="100%">
		<p:panelGrid columns="2" rendered="#{actaEntregaMB.actaEntregaSelected.tiOk}">
		<f:facet name="header">Estado ya Verificado</f:facet>
		<h:outputLabel value="Usuario Verificador" />
		<h:outputLabel value="Fecha y Hora Verficaci&oacute;n" />
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.userVbTi}" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.fechaVbTi}" styleClass="etiqueta">
		<f:convertDateTime pattern="dd-MMM-yyyy - hh:mm a" timeZone="#{parametroMB.timeZone}"/>
		</h:outputText>
		</p:panelGrid>
		<p:commandButton value="Dar V.B"  icon="icon_ok" disabled="#{actaEntregaMB.actaEntregaSelected.tiOk}"   onclick="confirmationActa.show()"/>
		</h:panelGrid>
		</h:panelGrid>
		</p:panel>
		</p:tab>
		
		<p:tab id="vbUO" title="V.B Departamento" titleStyleClass="#{actaEntregaMB.actaEntregaSelected.uoOk?'actaOK':'actaPend'} ">
		<p:panel style="height:250px">
		<h:panelGrid>
		<f:facet name="header">Verificaci&oacute;n Unidad Org&aacute;nica</f:facet>
		<h:outputText value="Relaci&oacute;n de &uacute;tiles de Escritorio: Se registrar&aacute; la relaci&oacute;n de todos los &uacute;tiles de escritorio que le fueron asignados 
		por la unidad org&aacute;nica de origen ejemplo (engrapador, perforador, art&iacute;culos para el procesamiento de datos, otros. 
		Los cuales deben ser entregados al operador o Secretaria de la unidad org&aacute;nica de origen quien otorgar&aacute; el V°B° en se&ntilde;al de conformidad" />
		
		<br/>
		<h:outputLabel value="Observaciones:" />
		<h:inputTextarea value="#{actaEntregaMB.actaEntregaSelected.obsSecretaria}" cols="100" rows="4" style="width:580px" disabled="#{actaEntregaMB.actaEntregaSelected.uoOk}"/>
		<h:panelGrid columns="2" width="100%">
		<p:panelGrid columns="2"  rendered="#{actaEntregaMB.actaEntregaSelected.uoOk}">
		<f:facet name="header">Estado ya Verificado</f:facet>
		<h:outputLabel value="Usuario Verificador" />
		<h:outputLabel value="Fecha y Hora Verficaci&oacute;n" />
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.userVbSecretaria}" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.fechaVbSecretaria}"  styleClass="etiqueta">
		<f:convertDateTime pattern="dd-MMM-yyyy - hh:mm a" timeZone="#{parametroMB.timeZone}" />
		</h:outputText>
		</p:panelGrid>
		<p:commandButton value="Dar V.B"  icon="icon_ok" disabled="#{actaEntregaMB.actaEntregaSelected.uoOk}"  onclick="confirmationActa.show()"/>
		
		</h:panelGrid>
		
		</h:panelGrid>
		</p:panel>
		</p:tab>
		
		<p:tab id="vbLog" title="V.B Logi&iacute;tica" titleStyleClass="#{actaEntregaMB.actaEntregaSelected.logOk?'actaOK':'actaPend'} ">
		<p:panel style="height:250px" >
		<h:panelGrid>
		<f:facet name="header">Verificaci&oacute;n Departamento Log&iacute;stica</f:facet>
		<h:outputText value="Relaci&oacute;n de Mobiliario: El trabajador har&aacute; entrega de los bienes, enseres y equipos de oficina asignados por la jefatura de la unidad org&aacute;nica de origen para el desarrollo de sus labores.
		 El &aacute;rea de Control Patrimonial del Departamento de Log&iacute;stica dar&aacute; el V°B° en se&ntilde;al de conformidad" />
		
		<br/>
		<h:outputLabel value="Observaciones:" />
		<h:inputTextarea value="#{actaEntregaMB.actaEntregaSelected.obsLogistica}" cols="100" rows="4" style="width:580px" disabled="#{actaEntregaMB.actaEntregaSelected.logOk}"/>
		<h:panelGrid columns="2" width="100%">
		<p:panelGrid columns="2" rendered="#{actaEntregaMB.actaEntregaSelected.logOk}">
		<f:facet name="header">Estado ya Verificado</f:facet>
		<h:outputLabel value="Usuario Verificador" />
		<h:outputLabel value="Fecha y Hora Verficaci&oacute;n "  />
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.userVbLogistica}" styleClass="etiqueta"/>
		<h:outputText value="#{actaEntregaMB.actaEntregaSelected.fechaVbLogistica}" styleClass="etiqueta">
		<f:convertDateTime pattern="d-MMM-yyyy hh:mm a"  timeZone="#{parametroMB.timeZone}" />
		</h:outputText>
		</p:panelGrid>
		<p:commandButton value="Dar V.B"  icon="icon_ok" disabled="#{actaEntregaMB.actaEntregaSelected.logOk}"  onclick="confirmationActa.show();"/>
		</h:panelGrid>
		</h:panelGrid>
		</p:panel>
		</p:tab>
		
		</p:tabView>
		<p:commandButton value="Salir" onclick="dlgActaEntrega.hide();" type="button"/>
		</h:form>
		
	
	</p:dialog>
	<!--  FIN Dialogo Mantener Acta de Entrega -->
	
	
	<p:panel header="Acta de Entrega de Cargo" style="width:950px;height:500px" styleClass="panel-azul">
	<h:form id="frmActaEntrega">
	<p:growl id="msj" showDetail="true"/>
	<p:confirmDialog id="confirmDialog" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de Anulacion" severity="alert" widgetVar="confirmation">  
                  
        <p:commandButton id="confirm" value="Si" update=":frmActaEntrega:dtLstActaEntrega , :frmActaEntrega:msj" oncomplete="confirmation.hide()"  
                    actionListener="#{actaEntregaMB.eliminarActa}" immediate="true"/>  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	
	
	<p:panel header="Consulta"  styleClass="panel-azul">
	
		<h:panelGrid columns="8">
		
		<p:outputLabel value="Desde: "  for="desde"/>
		<p:outputLabel value="Hasta: "  for="hasta"/>
		<h:outputLabel value="Estado: " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<h:outputLabel value=" " />
		<p:calendar  id="desde" value="#{actaEntregaMB.desde}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha inicial" locale="es"/>
		<p:calendar  id="hasta" value="#{actaEntregaMB.hasta}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha final" locale="es"/>
		<h:selectOneMenu style="width:150px" value="#{actaEntregaMB.estado}">
		<f:selectItem itemValue="" itemLabel=" Todas "/>
		<f:selectItem itemValue="P" itemLabel=" EN PROCESO "/>
		<f:selectItem itemValue="C" itemLabel=" CONFORME "/>
		<f:selectItem itemValue="A" itemLabel=" ANULADA "/>
		</h:selectOneMenu>
		<p:commandButton value="Listar" action="#{actaEntregaMB.listarActasEntregas}" update="dtLstActaEntrega" />
		<p:spacer width="20"/>
		<p:commandButton value="Nueva Acta"  oncomplete="dlgActaEntregaNueva.show();" action="#{actaEntregaMB.nuevaActaEntrega}" update=":frmNuevaActa"/>
		<p:commandButton value=" Ver/Editar Acta" onclick="if(checkSelectedRow(dtLstActaEntregaWidget)==false)return false;" oncomplete="dlgActaEntrega.show();" action="#{actaEntregaMB.selectActaEntrega}" update=":dialogActa"/>
		<p:commandButton value="Eliminar Acta" onclick="if (checkSelectedRow(dtLstActaEntregaWidget)==false){return false;}else{confirmation.show();}" type="button"/>
		</h:panelGrid>
		<br />
		<p:dataTable id="dtLstActaEntrega" styleClass="tbl_cgr" value="#{actaEntregaMB.actaEntregaList}" var="acta" rowIndexVar="idx" rowKey="#{acta}" paginator="true" paginatorAlwaysVisible="false" selection="#{actaEntregaMB.actaEntregaSelected}"
		paginatorPosition="bottom" widgetVar="dtLstActaEntregaWidget">
		<f:facet name="header"><h:outputLabel value="Lista de Actas de Entrega de Cargos" /></f:facet>
		<p:column headerText="Item" style="width:50px"><h:outputLabel value="#{idx+1}" /></p:column>
		<p:column headerText="Colaborador" style="width:200px"><h:outputLabel value="#{acta.idPersonal.idPersona.nombreCompleto}" /></p:column>
		<p:column headerText="Fecha de Registro " style="width:60px"><h:outputLabel value="#{acta.fechaRegistro}" ><f:convertDateTime pattern="dd-MMM-yyyy" /></h:outputLabel></p:column>
		<p:column headerText="Motivo"><h:outputLabel value="#{acta.motivo.descripcion}" /></p:column>
		<p:column headerText="Fecha Efectividad"><h:outputLabel value="#{acta.fechaEfectividad}" ><f:convertDateTime pattern="dd-MMM-yyyy" /></h:outputLabel> </p:column>
		<p:column headerText="Estado"><h:outputLabel value="#{acta.estadoDesc}"  /></p:column>
		
		<p:column headerText="Elegir" selectionMode="single"></p:column>
		</p:dataTable>
	</p:panel>
	
	</h:form>
	
	</p:panel>

	<script type= "text/javascript">
	//<![CDATA[
function handleTabChange(index) {
//index = Index of the new tab
//alert(index);
var el=document.getElementById("formActaMantener:hndTabSelect");
//alert(el+" "+index);
$(el).val(index);
}

//]]>
</script>
	

		
		
	</ui:define>

</ui:composition>

</html>